🗓️ 2023
- M
- E
- R
- N
- -
- U
- n
- i
- c
- o
- r
- n
- -
- B
- l
- o
- g
Tech Stack:
React.js
Node.js
Express.js
Axios
Email.js
JWT
Cloudinary
MongoDB
Mongoose
Bootstrap
React Icons
Vercel
Render
Features and Functionality
User Authentication
Secure login and registration using JWT. Passwords are hashed and user sessions are authenticated via token-based flow.
Create & Manage Blog Posts
Users can create, edit, and delete blog posts. Posts include a title, content, tags, and optional image upload via Cloudinary.
Rich Text Editor
Content creation interface supports formatting, lists, code blocks, and media embedding for a rich writing experience.
Responsive UI
Designed using Bootstrap for a clean, responsive layout that works across all screen sizes and devices.
Image Upload with Cloudinary
Integrated Cloudinary for image storage and transformation, enabling fast, CDN-delivered image rendering in posts.
Public Blog Feed
Visitors can browse public blog posts, search by keyword or tag, and read full blog entries without needing an account.
User Dashboard
Authenticated users get access to a dashboard where they can manage their own blogs, view post stats, and update profile details.
Comments Section (optional/future scope)
Architecture supports a comments feature for reader engagement, to be implemented with moderation controls.
Email Notifications
Email.js is used to send welcome emails to new users and confirmation emails when blogs are published or updated.
Backend API with Express.js
RESTful API built with Express.js and secured with JWT for all CRUD operations on users and blog posts.
Deployment & Hosting
Frontend deployed on Vercel, backend hosted on Render. Environment variables are managed securely for API keys and DB connections.
Challenges and Solutions